<template>
  <div class="q-pa-md q-gutter-sm">
    <t-avatar rounded color="red" text-color="white" icon="directions" />
    <t-avatar rounded color="primary" text-color="white">J</t-avatar>
    <t-avatar
      rounded
      size="100px"
      font-size="82px"
      color="teal"
      text-color="white"
      icon="directions"
    />
    <t-avatar rounded size="24px" color="orange">J</t-avatar>
    <t-avatar rounded>
      <img src="https://cdn.quasar.dev/img/avatar.png" />
    </t-avatar>
  </div>
</template>
